<template>
  <div class="head">
    <div class="head-img">
      <img src="../img/logo.png" alt="">
    </div>
    <van-search
    @click="$router.push('/search')"
      show-action
      placeholder="请输入搜索关键词"
    >
      <template #action>
        <div>搜索</div>
      </template>
    </van-search>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
  .head{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    background-color: #fff;
    z-index: 10;
    .head-img{
      display: flex;
      height: 50px;
      width: 65px;
      align-items: center;
      margin-left: 20px;
      img{
        width: 100%;
        height:35px;
      }
    }
  }
</style>
